@charset 'utf-8';

@import 'common';


.content01{
    width: r(580px);
    margin: 0 auto;
    margin-top: r(30px);
    .cont_head{
        padding-bottom: r(13px);
        border-bottom: 1px solid #d2d2d2;
        h3{
        font-size: r(30px);
        color: #5c5856;
        margin-bottom: r(16px);
        }
        span{
            font-size: r(18px);
            color: #8b8b8b;
            float: right;
        }
        p{
          font-size: r(18px); 
          color: #8b8b8b;
        }
        a{
          color: #8b8b8b;;
        }
    }
    .cont_pic{
        width: 100%;
        height: r(280px);
        margin-top: r(16px);
        img{
            @include img;
        }
    }
    .cont_text{
        margin: r(30px) 0;
        p{
            font-size: r(18px);
            line-height: r(30px);
            color: #8b8b8b;
            margin-bottom: r(40px);
        }
    }
}
.content02{
    margin-bottom: r(26px);
    .cont02_wrap{
        width: r(584px);
        margin: 0 auto;
        margin-top: r(16px);
        h3{
            font-size: r(30px);
            color:#5c5856 ;
        }
        .history{
            margin-top: r(17px);
            .pic_history{
                width: r(24px);
                height: r(24px);
                float: left;
                margin-right: r(12px);
                img{
                    @include img;
                }
            }
            p{
               width: r(542px);
               font-size: r(20px);
               color: #727171; 
               float: left;
               white-space: nowrap;
               overflow: hidden;
            }
        }
        .location{
            margin-top: r(17px);
           .pic_location{
               width: r(20px);
               height: r(25px);
               float: left;
               margin-right: r(12px);
               img{
                   @include img;
               }
           } 
           p{
               width: r(542px);
               font-size: r(20px);
               color: #727171; 
               float: left;
               white-space: nowrap;
               overflow: hidden;
           }
        }
    }
}
.border_top{
    width: 100%;
    height: r(25px);
    background: #f5f5f5;
}
.content03{
}
.cont03_wrap{
    width: r(584px);
    margin: 0 auto;
    margin-top: r(16px);
    margin-bottom: r(18px);
    >h3{
        font-size: r(20px);
        color: #5c5856;
    }
}
.syn_wrap{
    margin-top: r(14px);
    .wrap{
        margin-right: r(13px);
        .wrap_pic{
            width: r(87px);
            height: r(87px);
            margin-right: r(7px);
            overflow: hidden;
            img{
                @include img;
            }
        }
        .wrap_text{
            width: r(87px);
            margin-top: r(14px);
            color: #727171;
            h3{
                font-size: r(18px);
                line-height: r(18px);
                font-weight: normal;
            }
            p{
                margin-top: r(8px);
                font-size: r(14px);
                line-height: r(18px);
            }
        }
    }
}
.content04{
    width: r(595px);
    height: r(89px);
    margin: 0 auto;
    margin-top: r(20px);
    background: #b20000;
    p{
       font-size: r(34px);
       line-height: r(89px);
       color: #FFFFFF; 
       float: left;
       margin-left: r(210px);
    }
    .cont_pic{
        width: r(25px);
        height: r(25px);
        border-radius: 100%;
        background: #ffffff;
        float: left;
        margin-top: r(34px);
        margin-left: r(15px);
        i{
            display: block;
            color: #b20000;
            font-size: r(14px);
            line-height: r(25px);
            text-align: center;
        }
    }
}
